// 导入 ReactDOM
import ReactDOM from 'react-dom/client';

// 创建渲染根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

// React中的函数组件
function Hello1() {
  return <h1>Hello1</h1>;
}

// 函数表达式
const Hello2 = function () {
  return <h1>Hello2</h1>;
};

// 箭头函数
const Hello3 = () => {
  return <h1>Hello3</h1>;
};

// 渲染这个标签（React 元素）
root.render(
  <div>
    <Hello1 />
    <Hello2 />
    <Hello3 />
    <div>Hello4</div>
  </div>
);
